<page-header [title]="'文件管理'">
  <!--<ng-template #breadcrumb>-->
    <!--<nz-breadcrumb>-->
      <!--<nz-breadcrumb-item>基本信息</nz-breadcrumb-item>-->
      <!--&lt;!&ndash;<nz-breadcrumb-item><a [routerLink]="['/prod/product']">产品资料</a></nz-breadcrumb-item>&ndash;&gt;-->
    <!--</nz-breadcrumb>-->
  <!--</ng-template>-->
  <!--<ng-template #tab>-->
    <!--<nz-tabset [nzSize]="'default'" [nzTabBarExtraContent]="extraTemplate">-->
      <!--<nz-tab nzTitle="基本信息" (nzSelect)="changeTab(0)"></nz-tab>-->
      <!--&lt;!&ndash;<nz-tab nzTitle="文件信息" (nzSelect)="changeTab(1)"></nz-tab>&ndash;&gt;-->
      <!--&lt;!&ndash;<nz-tab nzTitle="其他" (nzSelect)="changeTab(2)"></nz-tab>&ndash;&gt;-->
    <!--</nz-tabset>-->
  <!--</ng-template>-->
  <ng-template #action><button nz-button (click)="back()"style="float: right"><i class="anticon anticon-rollback" style="font-size: 14px"></i>返回列表</button></ng-template>

  <!--<ng-template #extraTemplate>-->
    <!--<button nz-button (click)="back()"><i class="anticon anticon-rollback"></i>返回列表</button>-->
  <!--</ng-template>-->
</page-header>
<nz-spin [nzSpinning]="loading">

<nz-card  nzTitle="基本信息">
  <form nz-form>


      <nz-form-label nzSpan="2" nzRequired>文件编号</nz-form-label>
      <nz-form-control nzSpan="4">
        <input readonly="readonly"  nz-input [(ngModel)]="product.fileNo" name="fileNo">

      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>文件名</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fileName" name="fileName">

      </nz-form-control>
    <nz-form-label nzSpan="2" nzRequired>备注</nz-form-label>
    <nz-form-control nzSpan="4">
      <input nz-input [(ngModel)]="product.fileRemark" name="fileRemark">

    </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>状态</nz-form-label>
      <nz-form-control nzSpan="4">
        <input readonly="readonly"  nz-input [(ngModel)]="product.fileStatus" name="fileStatus">

      </nz-form-control>

    <nz-form-label nzSpan="2" nzRequired>上传者</nz-form-label>
    <nz-form-control nzSpan="4">
      <!--<input readonly="readonly"  nz-input [(ngModel)]="product.fileOwner" name="fileOwner">-->
      <nz-select readonly="readonly"  style="" required [(ngModel)]="product.fileOwner" name="fileOwner" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
        <nz-option [nzLabel]="sysuser.text" [nzValue]="sysuser.value" *ngFor="let sysuser of sysusers"></nz-option>
      </nz-select>
    </nz-form-control>
    <nz-form-label nzSpan="2" nzRequired>当前拥有者</nz-form-label>
    <nz-form-control nzSpan="4">
      <!--<input readonly="readonly"  readonly="readonly"  nz-input [(ngModel)]="product.fileNowOwner" name="fileNowOwner">-->
      <nz-select readonly="readonly"  style="" required [(ngModel)]="product.fileNowOwner" name="fileNowOwner" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
        <nz-option [nzLabel]="sysuser.text" [nzValue]="sysuser.value" *ngFor="let sysuser of sysusers"></nz-option>
      </nz-select>
    </nz-form-control>
    <nz-form-label nzSpan="2" nzRequired>转出人</nz-form-label>
    <nz-form-control nzSpan="4">
      <!--<input readonly="readonly"  nz-input [(ngModel)]="product.fileFrom" name="fileFrom">-->
      <nz-select readonly="readonly"  style="" required [(ngModel)]="product.fileFrom" name="fileFrom" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
        <nz-option [nzLabel]="sysuser.text" [nzValue]="sysuser.value" *ngFor="let sysuser of sysusers"></nz-option>
      </nz-select>
    </nz-form-control>
    <!--<nz-form-label nzSpan="2" nzRequired>接收人</nz-form-label>-->
    <!--<nz-form-control nzSpan="4">-->
    <!--<input nz-input [(ngModel)]="product.fileTo" name="fileTo">-->

    <!--</nz-form-control>-->

    <!--<nz-form-control nzSpan="4">-->
      <!--<nz-select style="" required [(ngModel)]="product.fileTo" name="fileTo" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
        <!--<nz-option [nzLabel]="sysuser.text" [nzValue]="sysuser.value" *ngFor="let sysuser of sysusers"></nz-option>-->
      <!--</nz-select>-->
    <!--</nz-form-control>-->

    <!--<nz-form-label nzSpan="2" nzRequired>接收人</nz-form-label>-->
    <!--<nz-form-control nzSpan="4">-->
      <!--<input nz-input [(ngModel)]="product.fileTo" name="fileTo">-->

    <!--</nz-form-control>-->






  </form>

</nz-card>

<nz-card    nzTitle="文件信息">

  <form nz-form>
    <div class="clearfix">

      <nz-upload
        [nzMultiple]="true"
        [nzAction]="uploadUrl"
        [nzData]="avatarParam"
        nzListType="picture-card"
        [(nzFileList)]="fileList"
        [nzShowButton]="fileList.length < 30"
        [nzPreview]="handlePreview">

        <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
        <div style="margin-top: 0px; color: #666;">  </div>
      </nz-upload>
      <nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible=false">
        <ng-template #modalContent>
          <img [src]="previewImage" [ngStyle]="{ 'width': '100%' }" />
        </ng-template>
      </nz-modal>
    </div>

  </form>
</nz-card>
</nz-spin>

<footer-toolbar errorCollect>
  <button nz-button type="primary" nzType="primary" (click)="save()">保存</button>
</footer-toolbar>
